<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>{$item.order_number}</title>

    <style>

        body{text-align: center;}

        .table-c  table{border-right:1px solid #000;border-bottom:1px solid #000; margin-bottom: 20px;}

        .table-c  table td{border-left:1px solid #000;border-top:1px solid #000; padding: 4px 10px;}

        .table-d  table{border-right:0px solid #000;border-bottom:0px solid #000}

        .table-d  table td{border-left:1px solid #000;border-top:1px solid #000;}

        ul,li{ list-style: none;}

        li{ display: inline-block; line-height: 30px;}

    </style>

</head>

<div class="print">

    <style>

        body{text-align: center;}

        .table-c  table{border-right:1px solid #000;border-bottom:1px solid #000; margin-bottom: 20px;}

        .table-c  table td{border-left:1px solid #000;border-top:1px solid #000; padding: 4px 10px;}

        .table-d  table{border-right:0px solid #000;border-bottom:0px solid #000}

        .table-d  table td{border-left:1px solid #000;border-top:1px solid #000;}

        ul,li{ list-style: none;}

        li{ display: inline-block; line-height: 30px;}

    </style>

    <div class="table-c" id="printArea">

        <table border="0" cellspacing="0" cellpadding="0">

            <thead></thead>

            <tbody>

            <tr>

                <td>会员卡</td>

                <td>{$item.title}</td>

                <td>订单编号</td>

                <td>{$item.order_number}</td>

            </tr>

            <tr>

                <td>服务门店</td>

                <td>{:model('shop')->where('id',$item.shop_id)->value('shop_title')}</td>

                <td>下单/退款 时间</td>

                <td>{$item.create_time}{in name="$item.status" value="10,11,12"} / {$item.refund_create_time}{/in}</td>

            </tr>

            <tr>

                <td>{in name="$item.order_type" value="1,3"}买家账号{else/}用户账号{/in}</td>

                <td>{$item.username}</td>

                <td>车牌号</td>

                <td class="jia_td">

                    <span style="display: none;">131</span>

                    {notempty name="$item.car_number"}{$item.car_number}{else}<input style="width: 100%;height: 100%; font-size: 16px; border: none;text-align: center" class="jia_add_int" type="text"/>{/notempty}

                </td>

            </tr>

            <tr>

                <td>品牌型号</td>

                <td>{notempty name="$item.brand_number"}{$item.brand_number}{else}<input style="width: 100%;height: 100%; font-size: 16px; border: none;text-align: center" type="text"/>{/notempty}</td>

                <td>车辆识别码</td>

                <td>{notempty name="$item.id_code"}{$item.id_code}{else}<input style="width: 100%;height: 100%; font-size: 16px; border: none;text-align: center" type="text"/>{/notempty}</td>

            </tr>

            <tr>

                <td>服务金额</td>

                <td>{$item.amount}</td>

                <td>备注</td>

                <td>{$item.explain}</td>

            </tr>

            {eq name="$item.single_id" value="11"}

            <tr>

                <td>轮胎寄存时间</td>

                <td>{$item.start_time}</td>

                <td>{$item.end_time}</td>

                <td></td>

            </tr>

            {/eq}



            <tr class="service_people">



                <td >服务人员提成</td>





                <td colspan="">{$item.name}</td><td colspan="">{$item.cat_name}>>{$item.one_cat}</td><td colspan="">{$item.price}</td>



            </tr>



            </tbody>

        </table>

    </div>



</div>



<button type="button"  class="btn btn-danger" id="sp">隐藏服111务人员提成</button>

<button type="button"  class="btn btn-danger" id="btnPrint">打印订单</button>

<script src="http://www.w3school.com.cn/jquery/jquery.js"></script>

<script src="/jquery.PrintArea.js" type="text/JavaScript" language="javascript"></script>



<script>

//    $("#sp").click(function(){

//        $('.service_people').toggle();

//

//    });

//var a =$.getScript("/get.js");

//console.log(a);

function haha() {

//    window.onload = function () {

//    var a =$.getScript("/jquery.PrintArea.js");

//    //alert(a);

//    };

}

$(document).ready(function(){

    $("#sp").toggle(

        function(){

            //$(".service_people").css("background-color","green");},

            $(".service_people").attr("style","display:none");

            $(this).text('隐藏服务人员提成');

            },

        function(){

            $(".service_people").removeAttr("style");

            $(this).html('显示服务人员提成');

            //$(".service_people").css("background-color","red");

        }



//            ,

//        function(){

//            $("body").css("background-color","yellow");}

        );

});



$("#btnPrint").click(function () {

    $(".print").printArea();

});

//window.onload = function () {

//    $("#btnPrint").on('click', function () {

//        $(".print").printArea();

//    });

//};





</script>

</body>

<style>

    body{text-align: center;}

    .table-c  table{border-right:1px solid #000;border-bottom:1px solid #000; margin-bottom: 20px;}

    .table-c  table td{border-left:1px solid #000;border-top:1px solid #000; padding: 4px 10px;}

    .table-d  table{border-right:0px solid #000;border-bottom:0px solid #000}

    .table-d  table td{border-left:1px solid #000;border-top:1px solid #000;}

    ul,li{ list-style: none;}

    li{ display: inline-block; line-height: 30px;}

</style>

</html>

<style>

    body{text-align: center;}

    .table-c  table{border-right:1px solid #000;border-bottom:1px solid #000; margin-bottom: 20px;}

    .table-c  table td{border-left:1px solid #000;border-top:1px solid #000; padding: 4px 10px;}

    .table-d  table{border-right:0px solid #000;border-bottom:0px solid #000}

    .table-d  table td{border-left:1px solid #000;border-top:1px solid #000;}

    ul,li{ list-style: none;}

    li{ display: inline-block; line-height: 30px;}

</style>

<!--<script>-->

    <!--$(".jia_td").click(function(){-->

        <!--$(".jia_add_int").show();-->

        <!--$(".jia_add_int").prev().hide();-->

        <!--$(".jia_add_int").focus();-->

    <!--});-->

    <!--$(".jia_add_int").change(function(){-->

<!--//        console.log($(this).val());-->

        <!--var a = ($(this).val());-->

        <!--$(this).prev().text(a);-->

    <!--});-->

    <!--$(".jia_add_int").blur(function () {-->

        <!--$(".jia_add_int").hide();-->

        <!--$(this).prev().show();-->

    <!--})-->

<!--</script>-->

